@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }


@media (max-width: 768px) {
	body .mtM{ margin-top: 10px; }
	.container-fluid .pubNav li{float: left;height:  30px;text-align:  left;width: 50%;line-height:  30px;overflow: initial;/* clear:  both; */padding: 0 10px 0 0px;text-align:  center;margin-bottom: 10px;}
	.container-fluid div ul{float: initial;padding-left: 40px;}
	.container-fluid li .out,.container-fluid li .over{padding:  0;height:  30px;line-height: 30px;background:  none;color: #666;width: 100%;position:  initial;background:  #ccc;}
	.container-fluid li .out{ display: none }
	.container-fluid .logo img{height: 40px; }
	.container .navbar{ margin-bottom: 9px }
	body #myCarousel2 .carousel-inner{ padding:0; }
	body .cont3Box {padding: 10px 10px 0 10px; }
	body .sy_swiper .swiper-slide{ padding:0 0 0 0;  }
	body .sy_swiper img{ width: 100%; height: auto; }
	body .indexCont5 p{ font-size: 12px; line-height: 20px;  padding: 10px 10px }
	body .footer .leftFont{ line-height: 30px; padding: 4px 0 0 0px }
	body .footer .foTop{ line-height: 25px }
	body .footer{font-size: 12px}
	body .footer .leftFont strong,body .footer .footRight strong{ font-size: 12px; }
	body .footer .leftFont strong{ display: block; }
	body .footer .foBot .botLogo{width: 100px; }
	body .indexCont3{ padding: 10px 0 0 0 }
	body .newsLbox li{ padding: 0px 0px 0 30px }
	body .pubRight .contact{padding: 35px 20px 20px 20px;}
	body .footRight p{ line-height: 20px; }
	body .footer .footRight img{height: 40px; margin: 4px 10px 0 0; }
	body .productLeft{  border-bottom: solid 1px #30333a; }
}

.mtM{ margin-top: 50px; }

.top{ background: #f1f1f1; height: 40px; width: 100%; line-height: 40px; color: #666 }
.top strong{ color: #F60; font-size: 23px; font-weight: bold }
.top strong a{ color: #F60;}
.top span{width: 15px;height: 15px;color: #962405;font-size:  14px;vertical-align:  2px;margin: 0 5px 0 0;}

.logo{margin: 0px 0 0 10px;padding: 14px 15px;}
.logo img{height: 68px;}
.header ul{ list-style: none }
.header li{ float: left; }
.header ul{float: left;overflow: auto;}
.header li{ float: left; width: 100px; height: 100px; text-align: center; font-size: 14px; line-height: 20px; overflow: hidden; position: relative; }
.header .flXl{ font-size: 24px }
.header .out,.header .over{width: 100px;display: block;padding: 31px 0 0 0;height: 100px;position: absolute; top: 0; color: #666666}
.header .over{top: -100px; background: #c20f36; color: #fff;}
.check .over{top: 0 !important}
.check .out{ top: 100px !important }
.header{ width: 100% }
.navbar{ margin-bottom: 0 }

.topImg{ display: block; width:100%;/* height:320px;*/ }
.topImg img{ display: block; width: 100% }
/*.topImg .img1{ background: url(../images/index_img1.jpg) no-repeat center center; height: 320px }
.topImg .img2{ background: url(../images/index_img4.jpg) no-repeat center center; height: 320px }*/

/*index1*/
.sy_swiper .swiper-slide{background: #efefed;padding: 0 180px 0 339px;box-sizing: border-box;}
.sy_swiper .font{position: absolute;width: 334px;padding: 20px 0 0 55px;background: #c54449;height: 352px;left:  0;top: 0;}
.sy_swiper h3{ border-bottom: solid 2px #6b4645; font-size: 16px; color: #fff; line-height: 33px; font-weight: normal; margin: 0 }
.sy_swiper p{ width: 265px; color: #fff; line-height: 24px; margin: 5px 0 0 0;}
.sy_swiper .more{float: right; margin: 0 67px 0 0 }
.sy_swiper img{ height: 352px; display: block; margin: 0 auto; }
.sy_swiper .rightBox{color: #000000;line-height: 30px;position: absolute;right: 45px;top: 36px;text-align:  right; font-size:14px;}
.sy_swiper .swiper-pagination-bullet {width: 60px;height: 5px; border-radius: 0; background: #b3b3b3;}
.sy_swiper .swiper-pagination-bullet-active {opacity: 1;background: #c3454b;}
.sy_swiper .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 4px; }
body .swiper-container-horizontal>.swiper-pagination-bullets, body .swiper-pagination-custom, body .swiper-pagination-fraction{ margin-left: 0 }


.aboutCompany{ padding-top: 20px; padding-bottom: 20px; }
.aboutCompany p{font-size: 14px;color: #666;line-height: 25px;}

/*index3*/
.indexCont3{ padding: 60px 0 0 0 }
.cont3Box{background: #efeeec;padding: 30px 30px 0 30px;}
.an_swiper {width: 100%; height: 100%;margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
.an_swiper img{ display: block; width: 100% }
.an_swiper p{display: block;width: 100%;clear: both;font-size: 14px;color:  #333333;line-height:  50px;height:  50px;overflow:  hidden;white-space: nowrap;text-overflow:ellipsis;}

.indexCont4{}
.indexCont4 video{ display: block; width: 100% }
.indexCont4 .row p {background: #eaeaea; line-height: 30px; height: 30px; overflow: hidden; text-align: center; color: #666 }

.indexCont5 img{ display: block; width: 100% }
.indexCont5 p {background: #f0eeef; line-height: 50px; overflow: hidden; font-size: 20px; color: #807d7d; text-align: center; }

.step{ background: #f9f9f9 }
.step img{ display: block; width: 100% }

.footer{ background: #2a2a2a; color: #fff}
.footer .foTop{ text-align: center; border-bottom: solid 1px #121212; font-size: 14px; line-height: 54px; padding: 54px 0 0 0; color: #fff }
.footer a{ color: #fff; text-decoration: none; }
.footer .foBot{border-top: solid 1px #454545;line-height: 34px;padding: 30px 0 30px 0;}
.footer .leftFont{padding: 4px 0 0 20px; line-height: 34px }
.footer .leftFont strong{font-size: 18px; color: #FF0; font-weight: normal;}
.footer .footRight strong{ display: block;font-size: 30px; color: #ffff00; line-height: 35px; }
.footer .footRight img{margin: 12px 10px 0 0; }


/*******************************************case*******************************************/
.mbx{ font-size: 14px; border-bottom: solid 1px #e7e7e7; line-height: 40px; color: #575757; color: #666 }
.mbx a{ color: #666 }

.productLeft{ border-left: solid 1px #30333a; border-right: solid 1px #30333a; padding: 15px 0 }
.productLeft li{ height: 40px; line-height: 40px; font-size: 14px; }
.productLeft li a{display: block;padding-left: 15px; color: #666666}
.productLeft li a:hover,.productLeft li.check a{ background:#dcdcdc; color: #30333a; text-decoration: none; }
.productLeft li a:hover i,.productLeft li.check a i{ background-position: -67px -36px }
.productLeft i{float: right;margin: 11px 25px 0 0;}
.bor{ background:#30333a; border-top: solid 8px #ffab00; font-size: 20px; color: #fff;}
.leftFont {line-height: 100px; padding: 0 0 0 30px; position: relative; }
.leftFont i.two {width: 30px; height: 30px; background-position: 0 -60px; right: 30px; top: 50%; margin: -15px 0 0 0; }
.leftFont i {display: block; position: absolute; right: 30px; top: 50%; }
.leftP {text-align: center; line-height: 40px; padding: 15px 0 0 0; height: 118px; }
.leftP strong{ display: block; color:#F90; font-size: 36px; font-family: "Impact Regular" }
.pubLeft img {display: block; width: 100%; }
.time{ height: 40px; background:#f3f3f3; text-align: center; line-height: 40px; font-size: 14px; }
.rightCont{ padding: 30px 0 0 0 }
.wz p{font-size: 16px;color: #575757;line-height: 30px;padding-bottom: 30px;text-indent: 2em;}
.wz1 p{font-size: 16px;color: #575757;line-height: 30px;padding-bottom: 30px;}
.productR img{ display: block; max-width: 100%; margin: 0 auto 0px auto; }
.productR a{ color: #666 }
.pubWz{padding: 30px 0px 50px 0; }
.pubLeft .leftFont i.one{width: 26px;height: 26px;background-position: 0px -24px;right: 30px;top: 50%;margin: -13px 0 0 0;}
.pubLeft .leftFont i.two{ width: 30px; height: 30px; background-position: 0 -60px;right: 30px;top: 50%;margin: -15px 0 0 0; }





/*******************************************video*******************************************/
.productList{ margin-top: 30px; }
.productList video{ display: block; width: 100% }
.productList p {background: #f3f3f3; line-height: 35px; text-align: center; height: 35px; overflow: hidden; padding: 0; text-indent: 0; }


.companyCont{ overflow: auto }
.companyImg{ width: 100% }
.companyImg img{ display: block; width: 100% }


/************************************newsL************************************/
.newsLbox{}
.newsLbox li{font-size: 14px;border-bottom: solid 1px #e6e6e6;line-height: 53px;height: 53px;position: relative;padding: 0px 130px 0 30px;}
.newsLbox span{font-size: 12px;color: #9b9b9b;position:  absolute;right: 20px;}
.newsLbox i{position: absolute;left: 0;top: 19px;}


/************************************contact************************************/
.pubRight .contact{background: url(../images/contact-img1.jpg) repeat;padding: 35px 50px 20px 50px;}
.contact p{ font-size: 16px; line-height: 40px; padding: 0 0 0 40px; position: relative; }
.contact p.col1{ color: #51aae4; }
.contact p.col2{ color: #d77ea6; }
.contact p.col3{ color: #ec9c43; }
.contact i{ display: block; position: absolute; left: 0; top: 50%; margin: -13px 0 0 0 }
.contactBox{ overflow:hidden;  padding: 40px 0 0 0;}
.contactBox .left{width: 280px;float: left;}
/*.contactBox input{padding: 0 10px;width: 260px;line-height: 30px;border: solid 1px #dddddd;margin: 0 0 10px 0;}*/
.contactBox textarea{padding: 10px;resize: none;display: block; height: 82px}
.contactBox iframe{ width: 100% }
/*.contactBox .inp_sub{ width: 100%; background: #ff8400; font-size: 16px; color: #fff; height: 40px; border-radius: 10px; cursor: pointer; }*/
.contactBox .right{width: 470px;height:287px;float: right;}



/*底部浮动*/
.botFd{ height: 60px; }
.botfdBox{position: fixed;left: 0;bottom: 0;right: 0;background: #eaeaea;z-index: 999;box-shadow: 0 -3px 10px #ccc;height: 55px;}
.botFd ul{display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around;}
.botFd li{text-align: center;line-height: 25px;padding: 7px 0 0px 0;border-right: solid 1px #e3e0e0;width: 25%;}
.botFd img{display: block;margin: 0 auto;height: 20px;}
.botFd a{ color: #666; display: block;}
.botFd a:hover{ text-decoration: none; }